import Vue from 'vue'
import Vuex from 'vuex'

// 导入 header 模块
import header from './header'
// 导入用户模块
import user from './user'

Vue.use(Vuex)

export default new Vuex.Store({
  state: {
    routerPaht:{}, // 当前路由路径对象
    routerPahtList:[],  // 路由路径对象列表
    windowWidth: document.documentElement.clientWidth, // 窗口宽度
    islogin: false, // 是否登陆
  },
  getters: {
  },
  mutations: {
    ADDROUTERPAHT(state, value){ // 添加路由路径对象和更新当前路由路径对象
      state.routerPaht = value

      if(value.path === '/home') return

      const  data = state.routerPahtList
      for (let i = 0; i < data.length; i++) {
        if(JSON.stringify(data[i]) === JSON.stringify(value)){
          return
        }
      }
      data.push(value)
    },
    REMOVEROUTERPAHT(state, value){ // 删除路由路径对象列表某个路径对象
      const  data = state.routerPahtList
      for (let i = 0; i < data.length; i++) {
        if(JSON.stringify(data[i]) === JSON.stringify(value)){
          return data.splice(i, 1)
        }
      }
    },
    WINDOWWIDTH(state, value){ // 更新窗口宽度
      state.windowWidth = value
    },
    ISLOGIN(state, value){
      state.islogin = value
    },
  },
  actions: {
  },
  modules: {
    header,
    user,
  }
})
